<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en-us">
	<head>
		<meta charset="utf-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

		<title> 铜仁高新 </title>
		<meta name="description" content="">
		<meta name="author" content="">

		<!-- Use the correct meta names below for your web application
		
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">-->
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Basic Styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/bootstrap.min.css">	
		<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/font-awesome.min.css">

		<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
		<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/smartadmin-production.css">
		<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/smartadmin-skins.css">	
		
		<!-- SmartAdmin RTL Support is under construction
			<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->
		
		<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
		<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/demo.css">

		<!-- FAVICONS -->
		<link rel="shortcut icon" href="../resource/com/img/favicon/favicon-t.ico" type="image/x-icon">
		<link rel="icon" href="../resource/com/img/favicon/favicon-t.ico" type="image/x-icon">


	</head>
	<body id="login" class="animated fadeInDown">

		<!-- possible classes: minified, no-right-panel, fixed-ribbon, fixed-header, fixed-width-->
		<header id="header">
			<!--<span id="logo"></span>-->

			<div id="logo-group">
				<span id="logo"><a href="index.html"> <img src="../resource/com/img/logo1.png" alt="铜仁"> </a></span>

				<!-- END AJAX-DROPDOWN -->
			</div>



		</header>

		<div id="main" role="main">

			<!-- MAIN CONTENT -->
			<div id="content" class="container">

				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-7 col-lg-8 hidden-xs hidden-sm">
						<h1 class="txt-color-red login-header-big">贵州铜仁高新技术产业开发区</h1>
						<div class="hero">

							<div class="pull-left login-desc-box-l">
								<h3 class="paragraph-header">贵州铜仁高新技术产业开发区使命</h3>
								<h4 class="paragraph-header">
									力争把铜仁大兴工业区建设成为贵州东部新型科技工业示范区<br/>
									承接东部发达地区产业转移和推进高新技术产业化的重要基地</h4>

							</div>
							
							<img src="../resource/com/img/demo/tr.jpg" class="pull-right display-image" alt="" style="width:210px">

						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
								<h5 class="about-heading">关于铜仁高新开发区信息系统技术产业开发区</h5>
								<p>
									以民族制药、特色食品及农副产品深加工为重点的特色产业基地<br/>
									以锰合金为重点的新材料生产示范基地，铜仁地区工业科技创新和跨区域产业合作重要平台。
								</p>
							</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
								<h5 class="about-heading">欢迎使用贵州铜仁高新技术产业开发区信息系统。</h5>
								<p>

								</p>
							</div>
						</div>

					</div>
					<div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
						<div class="well no-padding">
							<form action="login.action" id="login-form" method="post" class="smart-form client-form">
								<header>
									登录   <span style="color:red;font-size:12px"></span>
								</header>

								<fieldset>
									<section>
										<label class="label">登录账号 </label>
										<label class="input"> <i class="icon-append fa fa-user"></i>
											<input type="text" name="username"  placeholder="请输入您的邮件地址" value="<s:property value="username"/>">
											<b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i> 请输入邮件地址</b></label>
									</section>

									<section>
										<label class="label">密码</label>
										<label class="input"> <i class="icon-append fa fa-lock"></i>
											<input type="password" name="password" placeholder="请输入您的密码">
											<b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i> 请输入您的密码</b> </label>
										<div class="note">
											<!-- <a href="javascript:void(0)">忘记密码？</a> -->
										</div>
									</section>
									<section class="col col-12" id="message_alert">

										<s:if test="error != null && error != ''">
											<div class="alert alert-danger fade in">
												<button class="close" data-dismiss="alert">×</button>
												<i class="fa-fw fa fa-warning"></i>
												<strong></strong>
												<s:property value="error"/>
											</div>
										</s:if>
									</section>
									<section>
										<!-- 
										<label class="checkbox">
											<input type="checkbox" name="remember" checked="">
											<i></i>记住登录</label> -->
									</section>
								</fieldset>
								<footer>
									<button type="submit" class="btn btn-primary">
										登录
									</button>
								</footer>
							</form>

						</div>
						<!-- <h5 class="text-center"> - Or sign in using -</h5>
										<ul class="list-inline text-center">
											<li>
												<a href="javascript:void(0);" class="btn btn-primary btn-circle"><i class="fa fa-facebook"></i></a>
											</li>
											<li>
												<a href="javascript:void(0);" class="btn btn-info btn-circle"><i class="fa fa-twitter"></i></a>
											</li>
											<li>
												<a href="javascript:void(0);" class="btn btn-warning btn-circle"><i class="fa fa-linkedin"></i></a>
											</li>
										</ul> -->
					</div>
				</div>
			</div>

		</div>

		<!--================================================== -->	

		<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
		<script src="../resource/com/js/plugin/pace/pace.min.js"></script>

	    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local 
	    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>-->
		<script> document.write('<script src="../resource/com/js/libs/jquery-2.0.2.min.js"><\/script>'); </script>
		<!--
	    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>-->
		<script> document.write('<script src="../resource/com/js/libs/jquery-ui-1.10.3.min.js"><\/script>'); </script>

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events 		
		<script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

		<!-- BOOTSTRAP JS -->		
		<script src="../resource/com/js/bootstrap/bootstrap.min.js"></script>

		<!-- CUSTOM NOTIFICATION -->
		<script src="../resource/com/js/notification/SmartNotification.min.js"></script>

		<!-- JARVIS WIDGETS -->
		<script src="../resource/com/js/smartwidgets/jarvis.widget.min.js"></script>
		
		<!-- EASY PIE CHARTS -->
		<script src="../resource/com/js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
		
		<!-- SPARKLINES -->
		<script src="../resource/com/js/plugin/sparkline/jquery.sparkline.min.js"></script>
		
		<!-- JQUERY VALIDATE -->
		<script src="../resource/com/js/plugin/jquery-validate/jquery.validate.min.js"></script>
		
		<!-- JQUERY MASKED INPUT -->
		<script src="../resource/com/js/plugin/masked-input/jquery.maskedinput.min.js"></script>
		
		<!-- JQUERY SELECT2 INPUT -->
		<script src="../resource/com/js/plugin/select2/select2.min.js"></script>

		<!-- JQUERY UI + Bootstrap Slider -->
		<script src="../resource/com/js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>
		
		<!-- browser msie issue fix -->
		<script src="../resource/com/js/plugin/msie-fix/jquery.mb.browser.min.js"></script>
		
		<!-- SmartClick: For mobile devices -->
		<script src="../resource/com/js/plugin/smartclick/smartclick.js"></script>
		
		<!--[if IE 7]>
			
			<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
			
		<![endif]-->

		<!-- MAIN APP JS FILE -->
		<script src="../resource/com/js/app.js"></script>

		<script type="text/javascript">
			runAllForms();

			$(function() {
				// Validation
				$("#login-form").validate({
					// Rules for form validation
					rules : {
						username : {
							required : true
						},
						password : {
							required : true,
							minlength : 1,
							maxlength : 20
						}
					},

					// Messages for form validation
					messages : {
						username : {
							required : '请输入您的手机号/邮件地址'
						},
						password : {
							required : '请输入您的密码'
						}
					},

					// Do not change code below
					errorPlacement : function(error, element) {
						error.insertAfter(element.parent());
					}
				});
			});
		</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?036b704c8a212107220e412a13d760a2";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
	</body>
</html>
